.content{
    width: 1118px;
    margin: 90px auto 20px;
    font-size: 13px;
    color: #666;
    h1{
        font-weight: normal;
    }
    .order{
        .order-nav{
            background-color: #fff;
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            align-items: center;
            height: 54px;
            padding: 0 15px;
            margin-top: 10px;
            div{
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
                &:nth-of-type(1){
                    span{
                        &:nth-of-type(1){
                            margin-left: 5px;
                        }
                        &:nth-of-type(2){
                            margin-left: 60px;
                        }
                    }
                }
                &:nth-of-type(2){
                    span{
                        margin-right: 60px;
                    }
                }
            }
        }
        .order-items{
            overflow-x: hidden;
            overflow-y: auto;
            height: 480px;
            li{
                padding: 0 30px;
                background-color: #fff;
                color: #666;
                margin-top: 10px;
                height: 101px;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                align-items: center;
                >div{
                    display: flex;
                    flex-flow: row nowrap;
                    align-items: center;
                    &:nth-of-type(1){
                        img{
                            width: 66px;
                            height: 66px;
                            margin: 0 8px;
                        }
                        >span{
                            &:nth-of-type(1){
                                margin-left: 5px;
                            }
                            &:nth-of-type(2){
                                margin-left: 50px;
                            }
                        }
                    }
                    &:nth-of-type(2){
                        >span{
                            margin-right: 56px;
                            >a{
                                color: #333;
                            }
                        }
                    }
                    >div{
                        margin-right: 45px;
                        input[type="text"]{
                            width: 10px;
                        }
                    }
                }
            }
        }
    }
    .pay{
        height: 48px;
        background-color: #fff;
        padding: 20px 15px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        >div{
            &:nth-of-type(1){
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
                input{
                    margin-right: 5px;
                }
                span{
                    &:nth-of-type(n + 2){
                        margin-left: 35px;
                    }
                }
            }
            &:nth-of-type(2){
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
                justify-content: center;
                input{
                    margin-left: 40px;
                    border: none;
                    background-color: #ff5151;
                    color: #fff;
                    width: 194px;
                    height: 48px;
                    cursor: pointer;
                }
                >div >p >span{
                    color: #f44;
                    font-size: 18px;
                }
            }
        }
    }
}